//引入重置样式
require("../css/commCss/normalize.css");
//引入重置扩展样式
require("../css/commCss/reset.css");
//引入公共样式
require("../css/commCss/property.css");
//引入公共扩展样式
require("../css/commCss/basic.css");

//引入字体图标样式
require("../lib/font_3139541_zokbtoztf/iconfont.css");

//引入当前页面样式
require("../css/detail.less");

//引入axios
const axios = require("axios");

//导入weui
require("weui");
const weui = require("weui.js");

//文档加载事件
document.addEventListener("DOMContentLoaded", function () {

    //1:点击返回上一个页面
    document.querySelector('#goback').addEventListener('click', function () {
        history.go(-1)
    })

    //2:进到页面就要去获取训练课程详情
    axios.get('http://139.9.177.51:8099/sports/courseDetail', {
        params: {
            id: sessionStorage.cid
        }
    }).then(function (res) {
        console.log(res.data.data);
        let data = res.data.data
        let videourl = data.fragments[0].videoUrl

        //渲染视频到页面
        document.querySelector('#courseVideo').src = 'http://139.9.177.51:8099' + videourl
        //fragments是放所有视频的数组,fragments[0]默认第一个视频,fragments[0].videoUrl第一个视频的地址

        //渲染卡路里到页面
        document.querySelector('#calorie').textContent = data.calorie

        //渲染事件到页面
        document.querySelector('#time').textContent = data.time

        //渲染浏览人数到页面
        document.querySelector('#peoplenum').textContent = data.peoplenum

        //头像渲染(不好看注释掉,方法是这个)
    /*     document.querySelector('#imgurl').src='http://139.9.177.51:8099'+data.imgurl */

        //渲染描述内容
        document.querySelector('#desc').textContent = data.desc

        //渲染频率
        document.querySelector('#frequency').textContent = data.frequency
        
        //渲染器械
        document.querySelector('#instrument').textContent = data.instrument

        // 把该页面的课程id存到本地存储
        sessionStorage.fragments=JSON.stringify(data.fragments)
    })

    /* 
    3:点击开始训练,进入详情页面
    */
   document.querySelector('#startBtn').addEventListener('click',function(){
       location.href='play.html'
   })
})